<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .one{
            width: 100px;
            height: 100px;
            border: 1px solid red;

            /*圆角边框*/

            /*最完整的格式：左上角水平 右上角水平 右下角水平 左上角水平 / 左上角垂直 右上角垂直 右下角垂直 左下角垂直*/
            /*border-radius: 10px 20px 30px 40px / 10px 20px 30px 40px;*/

            /*两个个参数四个值*/
            /*border-radius: 10px 20px / 10px 20px;*/

            /*一个参数四个值*/
            /*border-radius: 10px 20px 30px 40px;*/

            /*一个参数两个值*/
            /*border-radius: 10px 20px;*/

            /*一个参数一个值*/
            /*border-radius: 10px;*/

            /*一个参数三个值*/
            /*border-radius: 10px 20px 15px;*/

            /*正圆 像素大于50px 即可*/
            /*border-radius: 50px;*/
            /*border-radius: 61px;*/

            /*百分比画正圆*/
            border-radius: 50%;


        }
    </style>

</head>
<body>


<div class="one"></div>

</body>
</html>